﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="SoccerNewsHTML.ArticleDetail" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>News Magazine</title>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link rel="stylesheet" href="styles/layout.css" type="text/css" />
    <script type="text/javascript" src="scripts/jquery-1.4.1.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="scripts/jquery.timers.1.2.js"></script>
    <script type="text/javascript" src="scripts/jquery.galleryview-2.1.1.js"></script>
    <script type="text/javascript" src="scripts/jquery.galleryview.setup.js"></script>
</head>
<body>
    <div id="fb-root">
    </div>
    <script>        (function (d, s, id) {
            var js, fjs = d.getElementsByTagName(s)[0];
            if (d.getElementById(id)) return;
            js = d.createElement(s); js.id = id;
            js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.0";
            fjs.parentNode.insertBefore(js, fjs);
        } (document, 'script', 'facebook-jssdk'));</script>
    <!-- Top menu-->
    <div class="wrapper col0">
        <div id="topline">
            <p>
                Tel: 0123456789 | Mail: info@domain.com</p>
            <ul>
                <li><a href="#">Libero</a></li>
                <li><a href="#">Maecenas</a></li>
                <li><a href="#">Mauris</a></li>
                <li class="last"><a href="#">Suspendisse</a></li>
            </ul>
            <br class="clear" />
        </div>
    </div>
    <!-- Main logo -->
    <div class="wrapper no-border-bottom">
        <div id="header">
            <div class="fl_left">
                <h1>
                    <a href="#"><strong>N</strong>ews <strong>M</strong>agazine</a></h1>
                <p>
                    Free CSS Website Template</p>
            </div>
            <div class="fl_right">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a></div>
            <br class="clear" />
        </div>
    </div>
    <!-- Menu bar -->
    <div class="wrapper no-border-bottom">
        <div class="topbar">
            <ul>
                <li class="space">&nbsp;</li>
                <li id="liHome"><a href="#">HOME</a>
                    <div id="divSubMenu" class="sub-bar">
                        <div class="sub-content">
                            <h2>
                                Cau thu La Liga</h2>
                            <ul>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                                <li><a href="#">Louis Suares (10)</a></li>
                                <li><a href="#">Andres Iniesta (10)</a> </li>
                                <li><a href="#">Cristino Ronaldo (10)</a> </li>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                            </ul>
                        </div>
                        <div class="sub-content">
                            <h2>
                                Cau thu Premier League</h2>
                            <ul>
                                <li><a href="#">Xavi Hanandez (10)</a> </li>
                                <li><a href="#">Wayner Rooney (10)</a></li>
                                <li><a href="#">Andres Iniesta (10)</a> </li>
                                <li><a href="#">Cristino Ronaldo (10)</a> </li>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                            </ul>
                        </div>
                        <div class="sub-content">
                            <h2>
                                Cau thu Seria</h2>
                            <ul>
                                <li><a href="#">Ronaldinho (10)</a> </li>
                                <li><a href="#">Naymar JR (10)</a></li>
                                <li><a href="#">Andres Iniesta (10)</a> </li>
                                <li><a href="#">Cristino Ronaldo (10)</a> </li>
                                <li><a href="#">Lionel Messi (10)</a> </li>
                            </ul>
                        </div>
                    </div>
                </li>
                <li><a href="#">TÂY BAN NHA</a></li>
                <li><a href="#">Ý</a></li>
                <li><a href="#">ANH</a></li>
            </ul>
            <script type="text/javascript">
                $(".topbar #liHome").mouseover(function () {
                    $("#divSubMenu").show();
                });
                $(".topbar #liHome").mouseout(function () {
                    $("#divSubMenu").hide();
                });
                
            </script>
            <br class="clear" />
        </div>
    </div>
    <!-- Advertisement top -->
    <div class="wrapper">
        <div class="adblock">
            <div class="fl_left">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a></div>
            <div class="fl_right">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a></div>
            <br class="clear" />
        </div>
    </div>
    <!-- Spain article -->
    <div class="wrapper">
        <div class="container">
            <div class="content article-detail">
                <div>
                    <div class="title">
                        Lộ lý do khiến Chelsea chưa muốn “dứt điểm" vụ Fabregas</div>
                    <p class="date-post">
                        Thứ ba, 10/06/2014 21:03</p>
                    <p class="summary">
                        (Sao Bong Da) - Ngày hôm nay, Sport lại tiết lộ thêm một tình tiết mới. Họ lý giải
                        rằng sở dĩ Chelsea chưa muốn trả mức giá 33 triệu euro theo như yêu cầu của Barcelona
                        để chiêu mộ Cesc Fabregas là bởi The Blues không muốn kình địch của họ tại Premier
                        League, Arsenal hưởng lợi từ thương vụ này.
                    </p>
                </div>
                <div class="content">
                    <p>
                        Khi Arsenal chấp nhận bán Fabregas cho Barcelona, họ đã “cài” một điều khoản sinh
                        lợi quy định rằng nếu đội bóng xứ Catalunya tiền vệ người Tây Ban Nha cho bất kỳ
                        đội bóng nào khác, họ sẽ được hưởng 50% lợi nhuận. Nếu chấp nhận mua Fabregas với
                        giá 33 triệu euro, Chelsea sẽ phải chuyển 4 triệu euro vào tài khoản của… Arsenal.</p>
                    <img class="images" src="images/messi.jpg" alt="" />
                    <img class="images" src="images/messi.jpg" alt="" />
                    <p>
                        Đối với Chelsea, việc “biếu không” cho Arsenal 4 triệu euro là không đơn giản chút
                        nào, bởi vậy họ cần thời gian bàn bạc và đàm phán thêm, trước khi đi đến quyết định
                        cuối cùng. Về phần Fabregas, hầu hết các tờ báo ở Tây Ban Nha đều nhất trí rằng
                        anh sẽ ra đi trong kỳ chuyển nhượng mùa Hè năm nay, và điều này coi như đã được
                        xác nhận khi bạn gái của anh gửi lời chào tạm biệt tới bạn gái của Lionel Messi.</p>
                    <div>
                        Đối với Chelsea, việc “biếu không” cho Arsenal 4 triệu euro là không đơn giản chút
                        nào, bởi vậy họ cần thời gian bàn bạc và đàm phán thêm, trước khi đi đến quyết định
                        cuối cùng. Về phần Fabregas, hầu hết các tờ báo ở Tây Ban Nha đều nhất trí rằng
                        anh sẽ ra đi trong kỳ chuyển nhượng mùa Hè năm nay, và điều này coi như đã được
                        xác nhận khi bạn gái của anh gửi lời chào tạm biệt tới bạn gái của Lionel Messi.
                    </div>
                    <br />
                    <h2>
                        Bảng xếp hạng</h2>
                    <table summary="Summary Here" cellpadding="0" cellspacing="0">
                        <thead>
                            <tr>
                                <th>
                                    Header 1
                                </th>
                                <th>
                                    Header 2
                                </th>
                                <th>
                                    Header 3
                                </th>
                                <th>
                                    Header 4
                                </th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr class="light">
                                <td>
                                    Value 1
                                </td>
                                <td>
                                    Value 2
                                </td>
                                <td>
                                    Value 3
                                </td>
                                <td>
                                    Value 4
                                </td>
                            </tr>
                            <tr class="dark">
                                <td>
                                    Value 5
                                </td>
                                <td>
                                    Value 6
                                </td>
                                <td>
                                    Value 7
                                </td>
                                <td>
                                    Value 8
                                </td>
                            </tr>
                            <tr class="light">
                                <td>
                                    Value 9
                                </td>
                                <td>
                                    Value 10
                                </td>
                                <td>
                                    Value 11
                                </td>
                                <td>
                                    Value 12
                                </td>
                            </tr>
                            <tr class="dark">
                                <td>
                                    Value 13
                                </td>
                                <td>
                                    Value 14
                                </td>
                                <td>
                                    Value 15
                                </td>
                                <td>
                                    Value 16
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="writer">
                        Hoàng Thiên
                    </div>
                    <div class="fb-like" data-href="https://developers.facebook.com/docs/plugins/" data-layout="standard"
                        data-action="like" data-show-faces="true" data-share="true">
                    </div>
                </div>
                <div id="comments">
                    <h2>
                        Bình luận</h2>
                    <div class="fb-comments" data-width="100%" data-href="http://localhost:3399/ArticleDetail.aspx"
                        data-numposts="5" data-colorscheme="light">
                    </div>
                    <ul class="commentlist">
                        <li class="comment_odd">
                            <div class="author">
                                <img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span
                                    class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
                            <div class="submitdate">
                                <a href="#">August 4, 2009 at 8:35 am</a></div>
                            <p>
                                This is an example of a comment made on a post. You can either edit the comment,
                                delete the comment or reply to the comment. Use this as a place to respond to the
                                post or to share what you are thinking.</p>
                        </li>
                        <li class="comment_even">
                            <div class="author">
                                <img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span
                                    class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
                            <div class="submitdate">
                                <a href="#">August 4, 2009 at 8:35 am</a></div>
                            <p>
                                This is an example of a comment made on a post. You can either edit the comment,
                                delete the comment or reply to the comment. Use this as a place to respond to the
                                post or to share what you are thinking.</p>
                        </li>
                        <li class="comment_odd">
                            <div class="author">
                                <img class="avatar" src="images/demo/avatar.gif" width="32" height="32" alt="" /><span
                                    class="name"><a href="#">A Name</a></span> <span class="wrote">wrote:</span></div>
                            <div class="submitdate">
                                <a href="#">August 4, 2009 at 8:35 am</a></div>
                            <p>
                                This is an example of a comment made on a post. You can either edit the comment,
                                delete the comment or reply to the comment. Use this as a place to respond to the
                                post or to share what you are thinking.</p>
                        </li>
                    </ul>
                </div>
                <div>
                    <h2>
                        Gửi bình luận</h2>
                    <div id="respond">
                        <form action="#" method="post">
                        <p>
                            <input type="text" name="name" id="name" value="" size="22" />
                            <label for="name">
                                <small>Tên của bạn (*)</small></label>
                        </p>
                        <p>
                            <textarea name="comment" id="comment" cols="100%" rows="5"></textarea>
                            <label for="comment" style="display: none;">
                                <small>Comment (required)</small></label>
                        </p>
                        <p>
                            <input name="submit" type="submit" id="submit" value="Gửi" />
                        </p>
                        </form>
                    </div>
                </div>
            </div>
            <div class="column">
                <div class="subnav">
                    <h2>
                        Trailer phim Disney's Maleficent 2014</h2>
                    <iframe width="98%" height="300" src="http:\\www.youtube.com/embed/w-XO4XiRop0">
                    </iframe>
                </div>
                <div class="holder top-score">
                    <table>
                        <thead>
                            <tr>
                                <td colspan="4" class="title">
                                    Giày Vàng Châu Âu
                                </td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    Cầu thủ
                                </td>
                                <td>
                                    Goals
                                </td>
                                <td>
                                    Trận
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/sua.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Luis Suarez</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Liverpool</a></div>
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/ro.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Cristino Ronaldo</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Real Madrid</a></div>
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/messi.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Cristino Ronaldo</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Real Madrid</a></div>
                                </td>
                                <td>
                                    28
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/costa.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Diego Costa</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">Atletico</a></div>
                                </td>
                                <td>
                                    27
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td class="player-avatar">
                                    <img alt="" src="images/zata.jpg" />
                                </td>
                                <td class="player-name">
                                    <a href="#">Zlatan Ibrahimovic</a>
                                    <br />
                                    <div class="club-name">
                                        <a href="#">PSG</a></div>
                                </td>
                                <td>
                                    30
                                </td>
                                <td>
                                    26
                                </td>
                            </tr>
                        </tbody>
                    </table>
                </div>
                <div class="holder">
                    <img style="max-width: 100%" title="Quảng cáo điện thoại LG" src="images/adverts/ads-03.gif"
                        alt="" />
                </div>
                <div class="holder top-club">
                    <table>
                        <thead>
                            <tr>
                                <td colspan="4" class="title">
                                    BXH Premier League
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    CLB
                                </td>
                                <td>
                                    STT
                                </td>
                                <td>
                                    Hệ số
                                </td>
                                <td>
                                    Điểm
                                </td>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>
                                    Barcelona
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Real Madrid
                                </td>
                                <td>
                                    2
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Atlectico
                                </td>
                                <td>
                                    3
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Barcelona
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Barcelona
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Barcelona
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Barcelona
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Barcelona
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Barcelona
                                </td>
                                <td>
                                    1
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    Valencia
                                </td>
                                <td>
                                    10
                                </td>
                                <td>
                                    31
                                </td>
                                <td>
                                    24
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <div class="view-all">
                        <a href="#">xem chi tiết &raquo;</a></div>
                </div>
                <div class="subnav">
                    <h2>
                        Top 10 bài viết xem nhiều nhất</h2>
                    <ul>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                        <li><a href="#">Open Source Layouts</a> </li>
                        <li><a href="#">Open Source Themes</a></li>
                        <li><a href="#">Leo Messi ký hợp đồng mới đến năm 2019 với Barce</a></li>
                        <li><a href="#">Free CSS Templates</a> </li>
                    </ul>
                </div>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Advertisement bottom -->
    <div class="wrapper">
        <div class="adblock">
            <div class="fl_left">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a></div>
            <div class="fl_right">
                <a href="#">
                    <img src="images/demo/468x60.gif" alt="" /></a></div>
            <br class="clear" />
        </div>
    </div>
    <!-- Footer one -->
    <div class="wrapper">
        <div id="footer">
            <div class="footbox">
                <h2>
                    Champions League</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Premier League</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    Bundesliga</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox">
                <h2>
                    La Liga</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <div class="footbox last">
                <h2>
                    Serie A</h2>
                <ul>
                    <li><a href="#">Tin tức</a></li>
                    <li><a href="#">Lịch thi đấu</a></li>
                    <li><a href="#">Bảng xếp hạng</a></li>
                    <li class="last"><a href="#">Danh sách ghi bàn</a></li>
                </ul>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Footer two -->
    <div class="wrapper">
        <div id="socialise">
            <ul>
                <li><a href="#">
                    <img src="images/facebook.gif" alt="" /><span>Facebook</span></a></li>
                <li><a href="#">
                    <img src="images/rss.gif" alt="" /><span>FeedBurner</span></a></li>
                <li class="last"><a href="#">
                    <img src="images/twitter.gif" alt="" /><span>Twitter</span></a></li>
            </ul>
            <div id="newsletter">
                <h2>
                    NewsLetter Sign Up !</h2>
                <p>
                    Please enter your Email and Name to join.</p>
                <form action="#" method="post">
                <fieldset>
                    <legend>Digital Newsletter</legend>
                    <div class="fl_left">
                        <input type="text" value="Enter name here&hellip;" onfocus="this.value=(this.value=='Enter name here&hellip;')? '' : this.value ;" />
                        <input type="text" value="Enter email address&hellip;" onfocus="this.value=(this.value=='Enter email address&hellip;')? '' : this.value ;" />
                    </div>
                    <div class="fl_right">
                        <input type="submit" name="newsletter_go" id="newsletter_go" value="&raquo;" />
                    </div>
                </fieldset>
                </form>
                <p>
                    To unsubsribe please <a href="#">click here &raquo;</a>.</p>
            </div>
            <br class="clear" />
        </div>
    </div>
    <!-- Footer copyright@2014 -->
    <div class="wrapper col8">
        <div id="copyright">
            <p class="fl_left">
                Copyright &copy; 2011 - All Rights Reserved - <a href="#">Domain Name</a></p>
            <p class="fl_right">
                Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS
                    Templates</a></p>
            <br class="clear" />
        </div>
    </div>
</body>
</html>
